﻿<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>jQuery单面板日历日期选择插件</title>

    <link rel="stylesheet" href="css/laydate.css" />
    <script src="js/jquery.min.js"></script>
    <script src="js/laydate.js"></script>
    <style type="text/css">
        .select-date {
            font-family: "sta cartman"
        }
    </style>

</head>

<body>
    <script src="/demos/googlegg.js"></script>

    <div class="laydate-box">
        <input type="text" id="laydateInput" placeholder="xxxx年xx月xx日" />
        <img src="images/calendar.png" alt="" class="icon data-icon">
        <div class="select-date">
            <div class="select-date-header">
                <ul class="heade-ul">
                    <li class="header-item header-item-one">
                        <select name="" id="yearList"></select>
                    </li>
                    <li class="header-item header-item-two" onselectstart="return false">
                        <select name="" id="monthList"></select>
                    </li>
                    <li class="header-item header-item-three" onselectstart="return false">
                        <span class="reback">回到今天</span>
                    </li>
                </ul>
            </div>
            <div class="select-date-body">
                <ul class="week-list">
                    <li>日</li>
                    <li>一</li>
                    <li>二</li>
                    <li>三</li>
                    <li>四</li>
                    <li>五</li>
                    <li>六</li>
                </ul>
                <ul class="day-tabel"></ul>
            </div>
        </div>
    </div>

    <script>
        function getSelectDate(result) {
            console.log(result);
        }
    </script>

    </div>
</body>

</html>